@import '../../../style/font.scss';
@import '../../../style/color.scss';
@import '../../../style/onepx.scss';
@import '../../../style/antd-overload.scss';

.outer-wrap {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;

  .advice-page {
    overflow: auto;

    .page-head {
      background-color: $background-content-color;
      margin-bottom: 20px;
      padding: 0 20px;
      height: 225px;
      padding-bottom: 4px;
     // border-bottom: 1px solid $normal-border-color;
      @include onepx($normal-border-color, bottom);

      .page-title {
        height: 125px;
        font-family: $bold-font-family;
        @include font-dpr(44px);
        padding: 0 10px;
        line-height: 125px;
        color: $large-title-color;
      }
    }

    .word-mode {
      background-color: $background-content-color;
      margin-bottom: 20px;
     //border-top: 1px solid $normal-border-color;
      @include onepx($normal-border-color, top);

      .word-title {
        padding-left: 30px;
        height: 80px;
        line-height: 80px;
        font-family: $medium-font-family;
        color: $mine-content-color;
        @include font-dpr(30px);
      }

      .am-list {

        .am-list-body {
         // border-bottom: 1px solid $normal-border-color;
          @include onepx($normal-border-color, bottom);
        }
      }
    }

    .content {
      @include onepx($normal-border-color, vertical);
    //  border-top: 1px solid $normal-border-color;
    //  border-bottom: 1px solid $normal-border-color;
      padding: 0 30px;
      background-color: $background-content-color;
      margin-bottom: 20px;
      height: 311px;

      .content-title {
        font-family: $regular-font-family;
        color: $mine-content-color;
        @include font-dpr(30px);
        height: 88px;
        line-height: 88px;
        margin-bottom: 7px;
      }
    }

    .detail {
      background-color: $background-content-color;
    }
  }
}
